/* Welcome to Compass. Use this file to write IE specific override styles.
 * Import this file using the following HTML or equivalent:
 * <!--[if IE]>
 *   <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
 * <![endif]--> */
//  嵌套
body{
    
    @at-root .root{
        width: 996px;
    }

    @media screen and (max-width:600px) {
        @at-root (without:media) {
            .contair{

                color:red;
            }
        }
    }

    a{
        color: blue;
        &:hover{
            color:red;
        }
        &.conter{
            font-size: 14px;
        }
    }

    background-color: darkblue;

    header{
        background-color: darkgreen;
    }
    footer{
        background: {
            color: blue;
            size: 50%;
        }
        border: {
            radius:14px;
        };
    }
}